<template>
  <div v-if="apiRes.data">
      <el-dialog :visible.sync="visible"  title="等待支付" @close="handleClose" :footer="null" width="300">
        <el-row>
          <div style="width:100%;margin-bottom:20px;text-align:center">
            <img v-if="apiRes.data.payDataType == 'codeImgUrl'" :src="apiRes.data.payData" alt="">
            <span v-else-if="apiRes.data.payDataType == 'payurl'">等待用户支付 <hr> 如浏览器未正确跳转请点击： <a :href="apiRes.data.payData" target="_blank">支付地址</a>
              <el-button size="small" class="copy-btn" v-clipboard:copy="apiRes.data.payData" v-clipboard:success="onCopy" >复制链接</el-button></span>
            <span v-else>等待用户支付,请稍后</span>
          </div>
        </el-row>
        <el-row>
          <p class="describe">
            <span v-show="wxApp"><!-- 微信图标 --></span>
            <span v-show="aliApp"><!-- 支付宝图标 --></span>
            <span>{{ payText }}</span>
          </p>
        </el-row>
      </el-dialog >
  </div>
</template>
<script src="./js/payTestModal.js"></script>
